<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>爱奇艺响应式</title>
		<style>
			.boss{display:table-footer-group;flex-wrap:row nowrap;width:100%;height:316px;}
			.boss div13{width: 920px;height:28px;border:1px;}
			.boss{width:1140px;height:157px;border:1px ;}
			.boss div1{width:180px;height:316px;solid gray;float:left;}
			.boss div2{width:180px;height:316px;solid gray;float:left;}
			.boss div3{width:180px;height:316px;solid gray;float:left;}
			.boss div4{width:180px;height:316px;solid gray;float:left;}
			.boss div5{width:180px;height:316px;solid gray;float:left;}
			.boss div6{width:180px;height:316px;solid gray;float:left;}
			div1{width: 180px; padding: 0px;margin: 5px;background: lightgray;}
			div2{width: 180px;background: lightgray; padding: 0px;margin: 5px;}
			div3{width: 180px;background: lightgray; padding: 0px;margin: 5px;}
			div4{width: 180px;background: lightgray; padding: 0px;margin: 5px;}
			div5{width: 180px;background: lightgray; padding: 0px;margin: 5px;}
			div6{width: 180px;background: lightgray; padding: 0px;margin: 5px;}
			div7{width: 160px;height:44px; padding: 6px;}
			div8{width: 160px;height:44px; padding: 6px;}
			div9{width: 160px;height:44px; padding: 6px;}
			div10{width: 160px;height:44px; padding:6px;}
			div11{width: 160px;height:44px; padding:6px;}
			div12{width: 160px;height:44px; padding:6px;}
			div13{width: 920px;height:28px;border:1px;margin:15px;}/*标题大框*/
			div14{width: 28px;height:28px;border:1px;}/*爱奇艺图*/
			div15{width: 786px;height:26px;border:1px;}
			div20{width: 766px;height:16px;border:1px;padding:20px;margin:10px;}
			div16{width: 96px;height:28px;border:1px;}
			
			
			@font-face{font-style: normal;
		    font-variant-ligatures: normal;
		    font-variant-caps: normal;
		    font-variant-numeric: normal;
		    font-weight: normal;
		    font-stretch: normal;
		    font-size: 12px;
		    line-height: 1.5;
		    font-family: myFirstFont;src: urlfile:///C:/windows/Fonts/MSYH.TTC file:///C:/windows/Fonts/MSYHL.TTC file:///C:/windows/Fonts/MSYHBD.TTC;}
			div7{font-size: 12px;line-height: 1.5;}
			div8{font-size: 12px;line-height: 1.5;}
			div9{font-size: 12px;line-height: 1.5;}
			div10{font-size: 12px;line-height: 1.5;}
			div11{font-size: 12px;line-height: 1.5;}
			div12{font-size: 12px;line-height: 1.5;}
			div15{font-size: 12px;line-height: 1.5;}
		</style>
	</head>
	<body>
		<h2><div13><div14><img src="D:/陈航宇用/网页设计实验/爱奇艺/images/7.jpg"alt=""width=25px;height=25px;/></div14><div16>今日焦点</div16><div20><div15>名侦探柯南经典电影：法网恢恢疏而不漏 / 更多热点></div15></div20></div13> </h2>
		<div class="boss">
		   <div1><img src="D:/陈航宇用/网页设计实验/爱奇艺/images/1.jpg"alt=""width=180px;height=157px;/><div7>围绕在19世纪末沉入海底的世界最大蓝宝石——绀青之拳展开故事</div7></div1>
		   <div2><img src="D:/陈航宇用/网页设计实验/爱奇艺/images/2.jpg"alt=""width=180px;height=157px;/><div8>讲述了江户川柯南和服部平次挑战与百人一首相关的案件的故事</div8></div2>
		   <div3><img src="D:/陈航宇用/网页设计实验/爱奇艺/images/3.jpg"alt=""width=180px;height=157px;/><div9>讲述了身为侦探的柯南与公安警察从正面发生冲突的故事</div9></div3>
		   <div4><img src="D:/陈航宇用/网页设计实验/爱奇艺/images/4.jpg"alt=""width=180px;height=157px;/><div10>描绘了柯南与某国的间谍“X”的攻防战</div10></div4>
		   <div5><img src="D:/陈航宇用/网页设计实验/爱奇艺/images/5.jpg"alt=""width=180px;height=157px;/><div11>讲述了柯南在探寻连续杀人案件真相的同时，暴露了身份秘密的故事。</div11></div5>
		   <div6><img src="D:/陈航宇用/网页设计实验/爱奇艺/images/6.jpg"alt=""width=180px;height=157px;/><div12>柯南为了阻止爆炸事件的发生,对谜题发出挑战并揭开谜底。</div12></div6>
		</div>
		
	</body>
</html>
